/* 
    Document   : nav-l
    Created on : Nov 8, 2011, 7:49:16 PM
    Author     : david
    Description:
        Purpose of the stylesheet follows.
*/
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/multi-column.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/*Aparentemente no estoy usando nada del lado dereche, la transparencia es*/
/*por parte de un imgane en pgn con un 90 de opacidad.*/

/*El nav es el fondito del menu, y le da toda la propiedade de texto*/
/*yo le voy a agregar propuidade de posiicon*/
#nav {
    /*redondeo de las esquinas y esas cosas*/
    margin: 0 auto;
    /* border-radius: .3em;
     -moz-border-radius: .3em;
     -webkit-border-radius: .3em;
     -khtml-border-radius: .3em;*/
}
#nav {
    /*tipo de fuente y eso*/
    /*height: 60px;*/
    height: 34px;
    float:left;
    padding-left:1px;
    /*background-color:#FF8B18;*/
    /*font: 13px 'Arial Narrow', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;*/
    font: 13px  Arial,Helvetica,sans-serif;
    letter-spacing:0px;
}

#nav {
    /*<david>*/
    /*position:absolute; */
    position:fixed;
    top:37px; left:158px;
    display:block;
    z-index: 2;
    /*</david>*/
}

#menu {
    height:34px; 
    /*width: 755px;*/
    position:relative;
    margin: 0;
    /*z-index:1000;???*/
    /*background-color:#FF8B18;*/
    /*background-color:#FF8CCC;*/
    float:left;

    /*border-radius: .6em;*/
    /*-moz-border-radius: .6em;*/
    /*-webkit-border-radius: .6em;*/
    /*-khtml-border-radius: .6em;*/
}
#menu table.ie6 {
    border-collapse:collapse;
    margin:0;
    padding:0;
}

#menu ul {
    padding:0;
    margin:0;
    list-style: none;
}
#menu ul li {
    float:left;
}

#menu ul li a {
    display:block;
    float:left;
    padding:0 8px 0 0;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    height:30px;
    line-height:29px;
    /*background:url(tabCenter.png)*/
    /*background:fuchsia no-repeat right top;*/
    /*background:#000000 no-repeat right top;*/
}
#menu ul li a b {
    display:block;
    float:left;
    padding:0 0 0 14px;
    text-decoration:none;
    color:#fff;
    font-weight:bold;
    height:30px;
    line-height:29px;
    /*background:url(tabCenter.png) no-repeat left top;*/
    /*background:aqua no-repeat left top;*/
    /*background:#000000 no-repeat right top;*/
    cursor:pointer;
}

#menu ul li div.holder {
    position:absolute;
    left:-9999px;
}

#menu ul li div .leftSide {
    float:left;
    /*david*/
    /*background:url(dropLeft.png) no-repeat left bottom;*/
    /*background: no-repeat left bottom;*/

    /*background-color:#000;*/
    background-image: url(../images/fondosT/000000-90.png);
    /*background-image: url(../images/fondosT/ffffff-90.png);*/

    /*opacity: 0.9; -moz-opacity: 0.9;*/
    /*filter: alpha(opacity=90);*/

    border-radius: .0em .5em .5em .5em;
    -moz-border-radius: .0em .5em .5em .5em;
    -webkit-border-radius: .0em .5em .5em .5em;
    -khtml-border-radius: .0em .5em .5em .5em;
}

#menu ul li div .rightSide {
    /*EST5E NO LO ESTOY USANDO!!!!*/
    float:left; margin-left:10px;
    display:inline;
    padding:0 10px 0 0;
    /*david*/
    /*background: url(dropRight.png) no-repeat right bottom;*/
    /*background:blue no-repeat right bottom;*/
    /*background-color:#000;*/
    background-image: url(../images/fondosT/000000-90.png);
    /*background-image: url(../images/fondosT/ffffff-90.png);*/


    /*opacity: 0.9; -moz-opacity: 0.9;*/
    /*filter: alpha(opacity=90);*/

    border-radius: .0em .5em .5em .5em;
    -moz-border-radius: .0em .5em .5em .5em;
    -webkit-border-radius: .0em .5em .5em .5em;
    -khtml-border-radius: .0em .5em .5em .5em;
}


#menu ul li:hover {
    position:relative;
    /*david*/
    background:#000000;
    border-radius: .5em .5em .0em .0em;
    -moz-border-radius: .5em .5em .0em .0em;
    -webkit-border-radius: .5em .5em .0em .0em;
    -khtml-border-radius: .5em .5em .0em .0em;

}
#menu ul li a:hover {
    color:#ff8200; /*no se para qeu es o bien no anda*/
    /*color:#71818B;*/
    background-position:right center;
    white-space:nowrap;
    position:relative;
}

#menu ul li a:hover b {
    color:#ff8200; /*no se para que es o bien no anda*/
    /*color:#71818B;*/
    background-position:left center;
}

#menu ul li a.sub:hover {
    color:#ff8200;
    background-position:right bottom;
    white-space:nowrap;
    position:relative;
}

#menu ul li a.sub:hover b {
    color:#ff8200;
    background-position:left bottom;
}

#menu ul li:hover > a {
    color:#fff;
    position:relative;
}
#menu ul li:hover a.sub {
    color:#fff;
    background-position:right bottom;
    white-space:nowrap;
    position:relative;
}
#menu ul li:hover a.sub > b {
    color:#fff;
    background-position:left bottom;
}

#menu ul :hover div.holder {
    position:absolute;
    top:30px;
    /*left:4px;*/
    left:0px;/*david*/
    margin: 0;
    padding: 0;
}

#menu ul li.right a:hover div.holder {
    left:auto;
    right:3px;
    top:30px;
}
#menu ul li.right:hover div.holder {
    left:auto;
    right:4px;
    top:30px;
}

#menu ul dl {
    width:auto;
    margin:5px 0 10px 0;
    padding:0 5px;
    list-style:none;
}
#menu ul dl dt {
    padding:0 10px;
    margin:0;
    line-height:20px;
    /*background:#FF8200;*/
    /*background:#5C6E7A;*/
    background:#999966;
    font-size:13px;
    color:#fff;
    white-space:nowrap;

    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    -khtml-border-radius: .3em;
}
#menu ul dl dd{
    display:block;
    padding:0;
    margin:0;
}
#menu ul dd a {
    display:block;
    height: 20px;
    line-height: 20px;
    color:#fff;
    text-align:left;
    margin: 0;
    padding:0 10px;
    font-weight:normal;
    white-space:nowrap;
    float:none;
    /*background: url(flecha.png) no-repeat left center;*/
    /*background:green no-repeat left center;*/
}
#menu ul dd a:hover {
    /*color:#ff8200;*/
    /*color:#aaaaff;*/
    color:#999966;
    /*El problema ca es que si uso opacidad se hereda, debo usar un imagen png con tranparencia*/
    background-image:none;

    /*border-radius: .3em;*/
    /*-moz-border-radius: .3em;*/
    /*-webkit-border-radius: .3em;*/
    /*-khtml-border-radius: .3em;*/
}
#menu ul table td {
    vertical-align:top;
}